<template>
    <div class="Interface01">
        <div class="first">
            <span  class="first_title">接口说明</span>
            <p>通过接口对链上信息查询，追溯书证信息源头。</p>
        </div>
        <div class="first">
            <span class="first_title">约束说明</span>
            <p>无</p>
        </div>
        <div class="first">
            <span class="first_title">URL</span>
            <p>GET /document_trace</p>
        </div>
        <div class="first">
            <p class="first_title">请求参数</p>
            <el-table
                    :data="tableData1"
                    border
                    style="width: 100%;margin-top: 5px">
                <el-table-column
                        width="180"
                        prop="name"
                        label="名称"
                >
                </el-table-column>
                <el-table-column
                        prop="type"
                        label="类型"
                >
                </el-table-column>
                <el-table-column
                        prop="in"
                        label="IN">
                </el-table-column>
                <el-table-column
                        prop="necessary"
                        label="必选">
                </el-table-column>
                <el-table-column
                        width="380"
                        prop="describe"
                        label="描述">
                </el-table-column>
            </el-table>
        </div>
        <div class="first">
            <span class="first_title">返回示例</span>
            <p>返回码：200 请求成功</p>
            <p>实例1:</p>
            <div class="result">
                {
                "status": "SUCCESS"
                }
            </div>
        </div>
    </div>

</template>

<script>
    export default {
        name: "index",
        data() {
            return {
                tableData1:[
                    {
                        name:'X-Auth-Token',
                        type:'string',
                        in:'header',
                        necessary:'是',
                        describe:'用户Token。\n' +
                            '通过调用服务获取用户Token接口获取(响应消息头中X-Subject-Token的值)。'
                    },
                    {
                        name:'document_id',
                        type:'string',
                        in:'path',
                        necessary:'是',
                        describe:'书证文件ID。'
                    },
                ]
            };
        },
    }
</script>

<style lang="less">
    .Interface01{
        .first{
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            margin-top: 30px;
            .first_title{
                font-size: 18px;
                font-family: PingFang SC, PingFang SC-Heavy;
                font-weight: 800;
                text-align: left;
                color: #000000;
                line-height: 22px;
            }
            .result{
                background: darkgrey;
                width: 200px;
                height: 100px;
                line-height: 100px;
            }
            span{
                margin-top: 10px;
            }
            p{
                margin-top: 5px;
            }
        }

    }

</style>
